'use strict';

app.controller('actualCtrl', function ($rootScope, $scope,$http,$interval,$window) {
    console.log("actualCtrl");
    // 获取图片接口
    $http.get('/api/getImage').then(function(response){
        if(response.status==200){
            console.log(response);
            $scope.actualImages = response.data.image;
            // console.log($scope.actualImages);
            // var aaaa = response.data.data;
            // $scope.bbbb = aaaa.replace(/\\/g,'\/');
            // console.log(aaaa);
            // console.log($scope.bbbb);


            // var scroll_begin = document.getElementById("scroll_begin");
            // var scroll_end = document.getElementById("scroll_end");
            // var scroll_div = document.getElementById("scroll_div");
            // scroll_end.innerHTML=scroll_begin.innerHTML;
            // var timer;
            // function run(){
            //     if(scroll_begin.offsetWidth<=scroll_div.scrollLeft){
            //        scroll_div.scrollLeft-=scroll_begin.offsetWidth;
            //     }else{
            //        scroll_div.scrollLeft+=6;
            //     }
            //     // timer=setInterval(function(){
            //     //     if(scroll_div.scrollLeft<=0) //向右移动
            //     //     {
            //     //         // scroll_div.scrollLeft-=scroll_begin.offsetWidth;  //向左移动
            //     //         scroll_div.scrollLeft+=scroll_end.offsetWidth; //向右移动
            //     //     }
            //     //     else
            //     //     {
            //     //         // scroll_div.scrollLeft++; //向左移动
            //     //         scroll_div.scrollLeft--;//向右移动
            //     //     }
            //     // },10);
            // };

            // 图片滚动
            $scope.ScrollImgLeft = function (){
                var speed=20;
                var scroll_begin = document.getElementById("scroll_begin");
                var scroll_end = document.getElementById("scroll_end");
                var scroll_div = document.getElementById("scroll_div");
                var len;
                scroll_end.innerHTML=scroll_begin.innerHTML;
                // console.log(scroll_begin.innerHTML);
                // console.log(scroll_end.innerHTML);
                function Marquee(){
                    // if(scroll_end.offsetWidth-scroll_div.scrollLeft<=0) //向左移动
                    if(scroll_div.scrollLeft<=0) //向右移动
                    {
                        // scroll_div.scrollLeft-=scroll_begin.offsetWidth;  //向左移动
                        scroll_div.scrollLeft+=scroll_end.offsetWidth; //向右移动
                    }
                    else
                    {
                        // scroll_div.scrollLeft++; //向左移动
                        scroll_div.scrollLeft--;//向右移动
                        len = scroll_div.scrollLeft;
                    }
                }
                // var MyMar=setInterval(Marquee,speed);
                var MyMar = setInterval(function(){
                    // var b = Math.ceil(len/600);
                    //滚动函数
                    Marquee();
                    //获取得到当前滚动的图片号
                    var imgNum = $scope.actualImages.length-Math.floor(len/600);
                    // console.log(imgNum);
                    // $scope.$emit('to-parent', imgNum);//广播函数

                    //从数据库获取数据
                    $http.get('/api/getImage').then(function(response){
                        if(response.status==200){
                            // 判断取到的数据是否相同
                            var image_queue = response.data.image
                            // console.log($scope.actualImages);

                            // for (var i = 0; i < image_queue.length; i++) {
                            for (var j = 0; j <= $scope.actualImages.length; j++) {
                                if (j == $scope.actualImages.length) {
                                    console.log("不相同！");
                                    // $scope.actualImages.shift();//把数组中第一个元素删除，并返回第一个元素的值
                                    // $scope.actualImages.push(image_queue[i]);//向数组的末尾添加一个元素或更多个元素，并返回新的长度
                                    
                                    // console.log(imgNum);
                                    // console.log($scope.actualImages);
                                    // console.log(image_queue[i]);
                                    // debugger;
                                    //当图片号为0或者是走图图片的长度时，则检测到的是队首
                                    if (imgNum == 0 || imgNum == $scope.actualImages.length) {
                                        // debugger;
                                        console.log("这是队首");
                                        //图片插入到队首后面
                                        $scope.actualImages[1].url=image_queue[0].url;
                                        // $scope.actualImages.splice(1,0,image_queue[i]);
                                        console.log($scope.actualImages);
                                        
                                    } else if (imgNum == $scope.actualImages.length-1) {
                                        // debugger;
                                        console.log("这是队尾");
                                        //图片插入到队首位置
                                        $scope.actualImages[0].url=image_queue[0].url;
                                        // $scope.actualImages.splice(0,0,image_queue[i]);
                                        console.log($scope.actualImages);
                                        
                                    } else {
                                        console.log("这是队中");
                                        $scope.actualImages[imgNum+1].url=image_queue[0].url;
                                        // debugger;
                                        // $scope.actualImages.splice(imgNum+1,0,image_queue[i]);
                                        console.log($scope.actualImages);
                                        
                                    }
                                    // debugger;
                                    // $scope.actualImages[]image_queue[i];
                                    // scroll_begin = document.getElementById("scroll_begin");
                                    // scroll_end = document.getElementById("scroll_end");
                                    // scroll_div = document.getElementById("scroll_div");
                                    // scroll_end.innerHTML=scroll_begin.innerHTML;
                                    // for (var k = 0; k < $scope.actualImages.length-1; k++) {
                                    //     $scope.actualImages[k].id = $scope.actualImages[k+1].id;
                                    //     $scope.actualImages[k].url = $scope.actualImages[k+1].url;
                                    //     console.log($scope.actualImages);
                                    //     debugger;
                                    // }
                                    // $scope.actualImages[$scope.actualImages.length-1] == image_queue[i];
                                    break;
                                } 
                                else {
                                    if (image_queue[0].url == $scope.actualImages[j].url) {
                                        // console.log("相同！");
                                        break;
                                    }
                                }
                                
                            }
                            // }    
                            
                            // console.log($scope.actualImages);
                            // debugger;
                        }
                        else{
                        console.log(response.status);
                        }
                    });

                },speed);
                // console.log(MyMar);

                //创建暂停按钮函数,当点击鼠标奇数次时走图暂停，当点击鼠标为偶数次时继续走图
                $scope.flag=1;
                $scope.stopButton = function () {
                    if($scope.flag%2==1){//点击奇数次时暂停
                        document.getElementById("stopbutton").innerHTML="走 图";
                        document.getElementById("stopbutton").style.backgroundColor="Coral";
                        //document.getElementById("scroll_div").getAttribute($scope.actualImages[$scope.imgNum].url);
                        clearInterval(MyMar); 
                        console.log($scope.flag);
                        //console.log($scope.actualImages[$scope.imgNum].url);
                    }
                    else{//点击偶数次时继续走图
                        document.getElementById("stopbutton").innerHTML="暂 停";
                        document.getElementById("stopbutton").style.backgroundColor="CornflowerBlue";
                        //document.getElementById("stopbutton").className="typcn typcn-media-pause";
                        MyMar=setInterval(Marquee,speed);
                        console.log($scope.flag);
                    }
                    $scope.flag++; 
                };
                //$scope.aaa="";
                // $scope.picNum=0;//标记点击图片的号

                $scope.imgSubmitData = {
                    "imgurl":"",//点击图片获取的url
                    "subdata":[]//存放在模态框中选中的一个或多个类型
                };
                // $scope.imgSubmitData.subdata = [];
                //在图片上点击暂停走图，获取该图片的url
                $scope.showImgNum = function (url){
                    //clearInterval(MyMar);
                    console.log(url);
                    if($scope.flag%2==1){//点击奇数次时暂停
                        document.getElementById("stopbutton").innerHTML="走 图";
                        document.getElementById("stopbutton").style.backgroundColor="Coral";
                        //document.getElementById("stopbutton").className="btn-label glyphicon glyphicon-remove";
                        clearInterval(MyMar); 
                        //console.log($scope.flag);
                        //$scope.aaa = document.getElementById("img").src;
                        
                    }
                    else{//点击偶数次时继续走图
                        document.getElementById("stopbutton").innerHTML="暂 停";
                        document.getElementById("stopbutton").style.backgroundColor="CornflowerBlue";
                        //document.getElementById("stopbutton").className="typcn typcn-media-pause";
                        MyMar=setInterval(Marquee,speed);
                        //console.log($scope.flag);
                    }
                    $scope.flag++; 
                    //console.log(data); 
                    //存放图片的url
                    $scope.imgSubmitData.imgurl = url;
                    console.log($scope.imgSubmitData.imgurl);
                    
                }

                //漏报商品类别更新
                $scope.misSubmit = function (){
                    $scope.obj1=document.getElementsByTagName("input");
                    $scope.imgSubmitData.subdata = [];
                    for(var i=0;i<$scope.obj1.length;i++){
                        if($scope.obj1[i].checked){
                            $scope.imgSubmitData.subdata.push($scope.obj1[i].value);
                        }
                    }
                    console.log($scope.imgSubmitData);
                    $http({
                        url:'/api/misimgData',
                        method:'POST',
                        data:$scope.imgSubmitData
                    }).success(function(response){
                        if(response == "success"){
                            //alert("更新成功！");
                            //关闭模态框操作
                            $("#misOrFalseReport").modal('hide');
                        }
                        else{
                            console.log(response.status);
                        }
                    }).error(function(){
                        console.log("error");
                    });
                }

                //误报商品更新
                $scope.falseSubmit = function (){
                    $scope.obj=document.getElementsByTagName("input");
                    $scope.imgSubmitData.subdata = [];
                    for(var i=0;i<$scope.obj.length;i++){
                        if($scope.obj[i].checked){
                           //alert($scope.obj[i].value);
                            // console.log($scope.obj[i].value);
                            $scope.imgSubmitData.subdata.push($scope.obj[i].value);
                            //$scope.actualImages[$scope.picNum].type=$scope.obj[i].value;
                        }
                    }
                    console.log($scope.imgSubmitData);
                    $http({
                        url:'/api/falseimgData',
                        method: 'POST',      
                        data: $scope.imgSubmitData   
                      }).success(function(response){
                            if(response == "success"){
                                // console.log(response);
                                //alert("更新成功！");
                                //关闭模态框的操作！！！！
                                $("#misOrFalseReport").modal('hide');
                            }
                            else{
                                console.log(response.status);
                            }
                        
                      }).error(function(){
                        console.log("error");
                      });

                }

                // scroll_div.onmouseover=function() //鼠标放上触发事件
                // {
                //     clearInterval(MyMar);
                // }
                // scroll_div.onmouseout=function() //鼠标移开触发事件
                // {
                //     MyMar=setInterval(Marquee,speed);
                // }
                // $scope.mouseIn=function() 
                // {
                //     clearInterval(MyMar);
                // };
                // $scope.mouseOut=function()
                // {
                //     MyMar=setInterval(Marquee,speed);
                // };
            }


            // 等待repeat dom加载完毕启动图片滚动
            $scope.$on('repeatFinishCallback',function(){  
                //这里写repeat后需要进行的操作  
                $scope.ScrollImgLeft(); 
                // timer=setInterval(run,speed);
            }); 

            // $scope.$watch('speed', function(n, o){
            //     if (speed > 10) {
            //         console.log(speed);
            //     }
                

            // })


            // $scope.$watch('speed',function (){
            //     speed = 10;
            // },true);




            //间隔2秒定时执行
            // $interval(function(){
            //     $http.get('/api/getImage').then(function(response){
            //         if(response.status==200){
            //             // 判断取到的数据是否相同
            //             var image_queue = response.data.image
            //             console.log($scope.actualImages);
                            //获取广播函数上交的信息
            //             $scope.$on('to-parent', function(event,imgNum) {
            //                 // console.log(imgNum); 
            //                 for (var i = 0; i < image_queue.length; i++) {
            //                     for (var j = 0; j <= $scope.actualImages.length; j++) {
            //                         if (j == $scope.actualImages.length) {
            //                             console.log("不相同！");
            //                             // $scope.actualImages.shift();//把数组中第一个元素删除，并返回第一个元素的值
            //                             // $scope.actualImages.push(image_queue[i]);//向数组的末尾添加一个元素或更多个元素，并返回新的长度
                                        
            //                             console.log(imgNum);
            //                             console.log($scope.actualImages);
            //                             console.log(image_queue[i]);
            //                             debugger;
            //                             if (imgNum == 0 || imgNum == $scope.actualImages.length) {
            //                                 debugger;
            //                                 $scope.actualImages[1].url=image_queue[i].url;
            //                                 // $scope.actualImages.splice(1,0,image_queue[i]);
            //                                 console.log("队首");
            //                                 console.log($scope.actualImages);
                                            
            //                             } else if (imgNum == $scope.actualImages.length-1) {
            //                                 debugger;
            //                                 $scope.actualImages[0].url=image_queue[i].url;
            //                                 // $scope.actualImages.splice(0,0,image_queue[i]);
            //                                 console.log("队尾");
            //                                 console.log($scope.actualImages);
                                            
            //                             } else {
            //                                 $scope.actualImages[imgNum+1].url=image_queue[i].url;
            //                                 debugger;
            //                                 // $scope.actualImages.splice(imgNum+1,0,image_queue[i]);
            //                                 console.log("队中");
            //                                 console.log($scope.actualImages);
                                            
            //                             }
            //                             debugger;
            //                             // $scope.actualImages[]image_queue[i];
            //                             // scroll_begin = document.getElementById("scroll_begin");
            //                             // scroll_end = document.getElementById("scroll_end");
            //                             // scroll_div = document.getElementById("scroll_div");
            //                             // scroll_end.innerHTML=scroll_begin.innerHTML;
            //                             // for (var k = 0; k < $scope.actualImages.length-1; k++) {
            //                             //     $scope.actualImages[k].id = $scope.actualImages[k+1].id;
            //                             //     $scope.actualImages[k].url = $scope.actualImages[k+1].url;
            //                             //     console.log($scope.actualImages);
            //                             //     debugger;
            //                             // }
            //                             // $scope.actualImages[$scope.actualImages.length-1] == image_queue[i];
            //                             break;
            //                         } 
            //                         else {
            //                             if (image_queue[i].url == $scope.actualImages[j].url) {
            //                                 // console.log("相同！");
            //                                 break;
            //                             }
            //                         }
                                    
            //                     }
            //                 }    
            //             });
                        
            //             // console.log($scope.actualImages);
            //             // debugger;
            //         }
            //         else{
            //         console.log(response.status);
            //         }
            //     });
            // },2000);  





      
        }
        else{
            console.log(response.status);
        }
    });
    
    //漏报时间处理函数
    $scope.falseReport = function () {
        $scope.information1 = confirm("确定添加为误判？");
        if(information==true){
            alert("确定!");
        }
        else{
            alert("取消!");
        }

    };
    //误报图片处理函数
    $scope.misReport = function () {
        $scope.information2 = confirm("确定添加为漏报？");
        if(information2==true){
            alert("确定!");
        }
        else{
            alert("取消!");
        }

    };


    //获取有关物品的数组
    $scope.goods = [];
    $http.get('/api/getGoods').then(function(response){
        if(response.status==200){
            $scope.goods = response.data.goods;
            for(var key in $scope.goods){
                $scope.goods[key].type = $scope.goods[key].type;
            }
            console.log($scope.goods);
        }
        else{
            console.log(response.status);
        }
    });

    // var isAutoSend = document.getElementsByName('toasts');
    // console.log(isAutoSend);
    // for (var i = 0; i < isAutoSend.length; i++) {
    //     if (isAutoSend[i].checked == true) {
    //         alert(isAutoSend[i].value);
    //     }
    // }

    // $scope.toaster = "";

    // $scope.$watch('toaster',function (){
    //     console.log($scope.toaster);
    // },true);


    


    // 获取图片接口
    //每两秒更新一次
    // $http.get('/api/getImage').then(function(response){
    //     if(response.status==200){
    //         console.log(response);
    //         $scope.actualImages = response.data.image;
           
    //         $scope.index = 0;
    //         $scope.imagesNum = 1;
    //         $scope.showactualImage = $scope.actualImages[$scope.index];
    //         //每两秒更新一次
    //         var stop=$interval(function() {
    //             // console.log("aaa")
    //             $http.get('/api/getImage').then(function(response){
    //                 if(response.status==200){
    //                     console.log(response);
    //                     $scope.actualImages = response.data.image;
                       
    //                     $scope.index = 0;
    //                     $scope.imagesNum = 1;
    //                     $scope.showactualImage = $scope.actualImages[$scope.index];
                                         
    //                 }
    //                 else{
    //                     console.log(response.status);
    //                 }
    //             })

    //         }, 2000);

      
    //     }
    //     else{
    //         console.log(response.status);
    //     }
    // })

    //定义一个函数：可以查看第二更新的图片
    // $scope.preImage = function ()
    // {
    //     $scope.index ++;
    //     $scope.showactualImage = $scope.actualImages[$scope.index];
    // }

    // //实时监听更新index的值
    // $scope.$watch('index',function (){
    //     $scope.imagesNum = $scope.index + 1;
    // },true);
  

});





//自定义repeat完成指令:等待repeat dom加载完毕
app.directive('repeatFinish',function($timeout){  
    return {  
        restrict: 'A',  
        link: function(scope,elem,attr){  
            //当前循环至最后一个  
            if (scope.$last === true) {  
                $timeout(function () {  
                    //向父控制器传递事件消息  
                    scope.$emit('repeatFinishCallback');  
                },100);  
            }  
        }  
    }  
});  



